<html lang="ko">
<head>
	<title>이것은 컨텐츠의 혁명이다. 꾸기닷컴</title>
	<meta name="viewport" content="minimum-scale=0.75,maximum-scale=0.75,initial-scale=0.75,user-scalable=no" />
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
	<link rel="stylesheet" href="/common/css/jquery.mobile.flip.css" />

	<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
	<script type="text/javascript" src="/common/script/jquery.mobile.flip.js"></script>

<style>
	body, p, div{
		margin:0px;
		padding:0px;
	}
	.paper_main{
		height: 100%;
		width : 100%;
		max-width:100%;
		max-height:400%;
		min-height:100%;
	}

	.paper_page{
		width : 100%;
		height: 100%;
		overflow:hidden;
		/*background-size: 100%;*/
		background-repeat: no-repeat;
		background-position: 50%;
		background-color: #333;
	}
	.paper_page header , .paper_page footer{
		background-color:#eee;
		padding:10px;
		opacity:0.5;
		width:100%;
	}


	.paper_page header{
		min-height:6%;
	}

	.paper_page footer{
		min-height:10%;
	}

	.paper_page header div{
		float:left;
	}


	.paper_page header div.paper_subject{
		width:80%;
		font-weight:bold;	
		font-size:2em;
	}

	.paper_page footer{
		bottom:0px;
	}

	.paper_page footer div{
		float:left;
	}


	.paper_page footer div.paper_author{
		width : 80%;
	}

	.paper_page footer div.paper_author img{
		width : 50px;
		height: 50px;
		vertical-align:top;
	}

	.paper_page footer div.paper_author p{
		font-size:15px;
		color:#000;
		font-weight:bold;
	}

	.paper_page footer div.paper_detail_btn{
		font-size:40px;
		color:#000;
	}

	.paper_page div.paper_content{
		padding-left:10px;
		padding-right:10px;
		max-width:100%;
		max-height:80%;
		min-height:80%;
		color:#fff;
		font-size:20px;
	}

	.img-1{
		background-image:url('http://www.ggugi.com/files/2fc53ab55b2df30044864a34b905751b');
	}

	.img-2{
		background-image:url('http://www.ggugi.com/files/28fc020dc0e62369eb6266879a24a1ed');
	}
</style>
<script>

	$(function(){

		var PAPER = {
			init	: function(){
				var self = this;
			}	
		}

		/**
		 * @brief Controll server method
		 * @author ggugi
		 *
		 **/
		PAPER.SERVER = {
			
		
		}

		PAPER.UI = {
			
		}

  		$("#flipRoot").flip({
				forwardDir: 'ltor',
				showpager: true,
				loop: true
			});
		});



</script>

</head>
<body>
	<div id="flipRoot" class="paper_main">
		<div class="paper_page img-1">
			<header>
				<div class="paper_subject">It's your life</div>
				<div class="paper_search">search</div>
			</header>
			<div class="paper_content">
				어린 아이같은 내친구들...언제까지나 
				이렇게 행복하게 웃자... 
				Smile Up!!
				
			</div>
			<footer>
				<div class="paper_author">
					<img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-prn1/161618_100000693782710_313560020_n.jpg" onerror="this.src='/image/no_profile.gif'" align="left">
					<p>권현국<br>
					2013.02.20 (17:13)</p>
				</div>
				<div class="paper_detail_btn">▼</div>
			</footer>
		</div>
		<div class="paper_page img-2">
			<header>
				<div class="paper_subject">It's your life</div>
				<div class="paper_search">search</div>
			</header>
			<div class="paper_content">
				어린 아이같은 내친구들...언제까지나 
				이렇게 행복하게 웃자... 
				Smile Up!!

				일출보다 일몰이 더 나에게 맞다는 생각을 하게 됐다... 
				색이 너무 고운 노을에 나도 가만히 물들어 가면 좋겠다.. 내 치조란 마음도 
				나약한 내 꿈도 아무것도 아직은 할수 없는 내 미래도 그냥 
				빨갛게 물들어 버리면 좋겠다...... 그냥 빠알갛게.....
				
			</div>
			<footer>
				<div class="paper_author">
					<img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-prn1/161618_100000693782710_313560020_n.jpg" onerror="this.src='/image/no_profile.gif'" align="left">
					<p>권현국<br>
					2013.02.20 (17:13)</p>
				</div>
				<div class="paper_detail_btn">▼</div>
			</footer>
		</div>





	</div>
</body>
</html>
